<template>
    <el-dialog :visible.sync="isShow" width="800px" title="操作失败" append-to-body>
      <el-row>
        <el-col :span="24">
          <el-table :data="errorList" row-key="id" tooltip-effect="dark" style="width: 100%;" border>
            <el-table-column label="#" width="50">
              <template slot-scope="{ row, $index }">
                <div>{{$index}}</div>
              </template>
            </el-table-column>
            <el-table-column prop="rankGrade" label="操作行" width="100" show-overflow-tooltip>
              <template slot-scope="{ row, $index }">
                <div>操作行{{row.id}}</div>
              </template>
            </el-table-column>
            <el-table-column prop="status" label="状态" show-overflow-tooltip></el-table-column>
            <el-table-column prop="message" label="消息" show-overflow-tooltip></el-table-column>
          </el-table>
          <div style="margin-top: 30px;width: 100%;display: flex;flex-direction: row;justify-content: center;">
            <el-button @click="close" type="primary" size="mini">关闭</el-button>
          </div>
        </el-col>
      </el-row>
    </el-dialog>
</template>
    
  <script>
    export default {
      components: {
      },
      props:{
        errorList: {
          type: Array,
          default: ()=>[]
        }
      },
      data() {
        return {
          isShow: false
        }
      },
      created(){
        // this.findOpenshopList()
      },
      methods:{
        show(){
          this.isShow = true
          
        },
        close(){
            this.isShow = false
        },
        
      }
    }
    </script>
    
    <style lang="scss" scoped>
  
    </style>
    